<template>
  <div class="layout-container">
    <!--左边内容-->
    <div class="left-side-inner">
      <slot name="left-content"></slot>
    </div>
    <!--右边内容-->
    <div class="right-side-inner">
      <slot name="right-content"></slot>
    </div>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped>
.layout-container {
  display: flex;
  background: #f5f5f5;

  .left-side-inner {
    width: 250px;
    background: #e6e5e5;
    border-color: #ddd;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
  }

  .right-side-inner {
    flex: 1;
    height: calc(100vh - 2px);
    width: 100%;
  }
}
</style>
